<div class="headerCity">
	<div class="title">
		<div id="22" class="currentBg"><?= $locations[$current_location]->name ?></div>
	</div>
	<div class="content hidden">
		<? foreach ($locations as $location) { ?>
			<? if ($location->id == $current_location) continue; ?>
			<a class="subCity" href="javascript:;" style="width: 92px;" data="<?= $location->id ?>"><?= $location->name ?></a>
		<? } ?>
	</div>
	<script>
		$('.headerCity').mouseover(function(){
			$(this).addClass('headerCityOver')
			$(this).children(':first').next().removeClass('hidden');
		});
		$('.headerCity').mouseout(function(){
			$(this).removeClass('headerCityOver')
			$(this).children(':first').next().addClass('hidden');
		});
		$('.subCity').click(function(){
			$.cookie('location',$(this).attr('data'),{
				path: '/',
				expires: 60*60*24*7
			});
			window.location = window.location.href;
		})
	</script>
</div>